<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>项目详情页</title>

    <link rel="stylesheet" href="css/projectmain.css">
    <link rel="stylesheet" href="css/projectdetail.css">
</head>
<body>
    <div class="main">
        <div class="head">
            <a href="http://www.wyzyz.org" class="logo">
                <img src="http://www.cflac.org.cn/zhiyuanzhe/image/logo.png" alt="">
            </a>
            <div class="topSearch">
                <form action="http://www.cflac.org.cn/was5/web/search" method="POST" accept-charset="UTF-8">
                    <input type="text" value="站内搜索..." class="input1">
                    <input type="image" class="btn1" src="http://www.wyzyz.org/images/topBtn.gif">
                </form>
            </div>
        </div>


        <div class="nav">
            <ul>
               <li><a href="http://www.wyzyz.org" class="aNow" style="width:37px;">首 页</a></li>
               <li><a href="#" class="aNow">要闻资讯</a></li>
               <li><a href="#" class="aNow">精彩视频</a></li>
               <li><a href="#" class="aNow">品牌活动</a></li>
               <li><a href="#" class="aNow">各地联动</a></li>
               <li><a href="#" class="aNow">志愿者协会</a></li>
               <li><a href="#" class="aNow">名家公益</a></li>
               <li><a href="#" class="aNow">志愿之星</a></li>
               <li><a href="#" class="aNow">互动交流</a></li>
               <li><a href="#" class="aNow">资料下载</a></li>
            </ul>
        </div>


        <!--main-content-->
        <div class="content">
            <div class="content-left">
                <div class="project-introduction">
                    <div class="img"></div>
                    <div class="project-introduction-bref">
                        <ul class="introduction-ul">
                            <li class="introduction-item">
                                <span class="item-name">项目区域:</span>
                                <span>北京市</span>
                            </li>
                       
                            <li class="introduction-item">
                                <span class="item-name">招募日期：</span>
                                <span>2017-4-3 至 2017-4-5</span>
                            </li>
                            <li class="introduction-item">
                                <span class="item-name">项目日期：</span>
                                <span>2017-4-10</span>
                            </li>
                            <li class="introduction-item">
                                <span class="item-name">发布日期：</span>
                                <span>2016-4-10</span>
                            </li>
                            <li class="introduction-item">
                                <span class="item-name">服务时间：</span>
                                <span>2017年4月20日为需要的人做传统文化宣讲</span>
                            </li>
                            <li class="introduction-item">
                                <span class="item-name">志愿者保障：</span>
                                <span>餐饮或食物、提供饮水、志愿者服装</span>
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="project-job">
                    <ul class="project-jobul">
                        <li class="job">
                            <div class="job-title">岗位1：活动组织者  计划招募：10  已招募：1 <button class="btn-signup">我要报名</button></div>
                            <div class="job-detail">
                                <ul>
                                    <li>
                                        <p class="jobID">岗位ID:</p>
                                        <p>773288</p>
                                    </li>
                                    <li>
                                        <p class="jobID">岗位描述:</p>
                                        <p>负责活动的组织实施</p>
                                    </li>
                                    <li>
                                        <p class="jobID">岗位条件:</p>
                                        <p>有爱心人士均可</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>


                <div class="project-footer">

                </div>
            </div>


            <div class="content-right">
                <div class="recommand-title">项目发起人</div> 
                <div class="recommand-content">
                    <div class="img"></div>
                    <div class="introduction">
                        <p class="introduction-title">中国文艺志愿者网</p>
                        <p class="introduction-content">地址：北京市朝阳区平乐园100号知行楼824室</p>
                    </div>
                </div>

               <div class="recommand-title">项目二维码</div>
               <div class="recommand-content">
                   <div class="qrCode">
                       <img src="..." alt="...">
                   </div>
               </div>
            </div>
        </div>

        <div class="footDiv">
            <div class="div0">
                <a href="#">联系咨询</a>|
                <a href="#">投诉建议</a>|
                <a href="#">文艺论坛</a>|
                <a href="#">职能部门</a>|
                <a href="#">团体会员</a>|
                <a href="#">组织结构</a>|
            </div>
            京ICP备14001194号　京公网安备11010502025171  中国文艺志愿者网　版权所有
        </div>
    </div>
        <!--main-content-finish-->

        
</body>
</html>